<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>时间戳</title>
</head>
<body>
<h3>时间戳</h3>
<p>
    使用场景： 如果计算倒计时效果，前面方法无法直接计算，需要借助于时间戳完成
</p>
<p>
    什么是时间戳: <br>
    是指1970年01月01日00时00分00秒起至现在的毫秒数，它是一种特殊的计量时间的方式
</p>
<p>
    算法： <br>
    将来的时间戳 - 现在的时间戳 = 剩余时间毫秒数 <br>
    剩余时间毫秒数 转换为 剩余时间的 年月日时分秒 就是 倒计时时间 <br>
    比如 将来时间戳 2000ms - 现在时间戳 1000ms = 1000ms <br>
    1000ms 转换为就是 0小时0分1秒
</p>
<hr>

<h3>三种方式获取时间戳</h3>
<p>
    1. 使用 getTime() 方法 <br>
    const date = new Date() <br>
    console.log(date.getTime())
</p>
<p>
    2. 简写 +new Date() , 重点记住这个因为可以返回 当前时间戳 或者 指定的时间戳 <br>
    console.log(+new Date())
</p>
<p>
    使用 Date.now() <br>
    console.log(Date.now()); <br>
    无需实例化 <br>
    但是只能得到当前的时间戳， 而前面两种可以返回指定时间的时间
</p>
<hr>

<script>
    // 1. getTime() 写法
    const 当前时间戳 = new Date() // 实例化
    console.log(当前时间戳.getTime())
    // 2. +new Date() 写法
    console.log(+new Date())
    // 3. Date.now() 写法
    console.log(Date.now())


    // +new Date() , 重点记住这个因为可以返回 当前时间戳 或者 指定的时间戳, 而且不用先实例化
    console.log('-----------------');
    console.log(+new Date('2024-4-1 18:30:00')) // 显示指定时间的, 时间戳

</script>

</body>
</html>